{include file="header.tpl" title="Create an account"}
<script src="/js/signup.js" type="text/javascript"></script>
<h1>Create an account</h1>
<div id="exception-message">{exception}</div>
<form id="signupForm" name="signupForm" method="post" action="/signup">
<input type="hidden" name="action" value="signup" />
<table>
<tr>
<th>Username:</th>
<td>
<input type="text" name="username" id="username" value="{$username}" maxlength="20" onkeyup="checkUsername()" /><span id="user-available"></span><br/>
<span class="field-info"><span id="user-signs" class="red"></span><span id="user-spaces">No spaces</span>, <span id="user-3chars">3 characters or more</span>. This will be used in your URL.<br/>http://foovision.org/view/<span id="user-url">USERNAME</span></span>
</td>
</tr>
<tr>
<th>Password:</th>
<td>
<input type="password" name="password" id="password" /><br/>
<span class="field-info">6 characters or more, don't use your pet's name.</span>
</td>
</tr>
<tr>
<th>Confirm Password:</th>
<td><input type="password" name="confirm" id="confirm" /><br/>
<span class="field-info">Your password again... just to be sure.</span>
</td>
</tr>
<tr>
<th>Email Address:</th>
<td>
<input type="text" name="email" id="email" value="{$email}" /><br/>
<span class="field-info">In case you forget something, like your password.</span>
</td>
</tr>
<tr>
<th>Node:</th>
<td>
<input type="text" name="node" id="node" value="{$node}" /><br/>
<span class="field-info">Your place (e.g. Moe's Bar)</span>
</td>
</tr>
<tr>
<th>Location:</th>
<td>
<input type="text" name="location" id="location" value="{$location}" /><br/>
<span class="field-info">Where are you? (e.g. Los Angeles, California)</span>
</td>
</tr>
<tr>
<th>Timezone:</th>
<td>{html_options name=tz options=$zones selected=$zone}</td>
</tr>
<tr>
<th>I'm human?:</th>
<td>{$recaptcha}</td>
</tr>
<tr>
<th></th>
<td id="tosrow"><input type="checkbox" name="tos" id="tos" {$tos} value="on" /><label for="tos">I have read and agree to the <a href="/terms" target="_blank">Terms of Use</a> and <a href="/policy" target="_blank">Privacy Policy</a></label></td>
</tr>
<tr>
<th></th>
<td><button name="signup" id="signup" type="button" onclick="validateSignup()">Sign up now!</button></td>
</tr>
</table>
</form>
{$extrastuff}
{include file="footer.tpl"}
